<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/layout.css" rel="stylesheet">
  </head>

  <body>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <a class="brand" href="#">Depot</a>
          <ul class="nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#about">问题</a></li>
            <li><a href="#contact">新闻</a></li>
			<li><a href="#contact">联系我们</a></li>
          </ul>
          <form action="" class="pull-right">
            <input class="input-small" type="text" placeholder="用户名">
            <input class="input-small" type="password" placeholder="密码">
            <button class="btn" type="submit">登录</button>
          </form>
        </div>
      </div>
    </div>

    <div class="container">

      <div class="content">
        <div class="page-header">
          <h1>产品目录</h1>
        </div>
        

			<div class="row" style="padding-top:10">
		    	<div class="span3 media-grid">
		    		<a href="#">
				    <img class="thumbnail" src="http://img1.douban.com/mpic/s6983462.jpg" alt="">
				    </a>
		    	</div>
		    	<div class="span-two-thirds">
		   			<h3>黄瓜的黄 西瓜的西</h3><br/>
					本书是著名华裔笑星黄西的第一本书，涉及他在中国的成长、在美国的经历以及从生化博士到脱口秀演员的道路。
					　　黄西从小有礼貌但不是很听老师的话。中学老师说他考不上大学，后来因为不想让一位慈母般的老师失望而努力学习，考上吉林大学，并以第一名的成绩考入中科院研究生院。为了考GRE去美国留学，他把牛津词典背了8遍；在莱斯大学求学期间他经常在实验室里努力工作到凌晨一两点，有连续两年的时间只休过一个周末，最后拿到生化博士学位；后来工作期间，他白天去公司的做医药实验，晚上去俱乐部说相声；为了能到俱乐部演出，他在大雪天里站在俱乐部外面询问路过的人是否愿意进去听他讲相声……
					<br/>
					<br/>
					<br/>
					<div class="row">
						<div class="span2"><h3>￥29.90</h3></div>
						<div class="span"><a class="btn primary" href="#">加入购物车</a></div>
					</div>
		    	</div>

		    </div>
			<div class="page-header">

			  </div>
			<div class="row" style='padding-top:10'>
		    	<div class="span3 media-grid">
		    		<a href="#">
				    <img class="thumbnail" src="http://img1.douban.com/mpic/s7015751.jpg" alt="">
				    </a>
		    	</div>
		    	<div class="span-two-thirds">
		   			<h3>考拉小巫的英语学习日记</h3><br/>
					这本书的出版是献给考拉小巫粉丝以及所有英语学习爱好者的一份礼物。在这本书里，考拉小巫分享了她人生中各个阶段学习英语的所有方法途径及心得体会，和她为了从根本上提高英语听、说、读、写、译能力所做的一切失败和成功的尝试及努力，以及她考过的所有英语考试的备考方案、计划安排、所用书籍及资料，书后附录中还有作者总结的英语学习资料及资源推荐。
		    		<br/>
					<br/>
					<br/>
					<div class="row">
						<div class="span2"><h3>￥29.90</h3></div>
						<div class="span"><a class="btn primary" href="#">加入购物车</a></div>
					</div>
					</div>
		    </div>
			<div class="page-header">

			  </div>
			<div class="row" style="padding-top:10">
		    	<div class="span3 media-grid">
		    		<a href="#">
				    <img class="thumbnail" src="http://img3.douban.com/mpic/s7020493.jpg" alt="">
				    </a>
		    	</div>
		    	<div class="span-two-thirds">
		   			<h3>突然就走到了西藏</h3>
					　陈坤动情自述从出身贫寒的“北漂”青年一夜成名到找回自我，继而重新上路的成长历程。关于亲情与友情、家庭与事业、名利与信仰的心灵全纪录。
					　　本书记录了陈坤带领十名大学生志愿者行走西藏过程中，对生命的点滴感悟。穿插了他成名前后生活中的小故事。笔端情感真挚，读来亲切自然。
					　　“只要你行走，就能与你生命中的真相相遇。”——陈坤
					　　这不只是一本明星写的带有自传色彩的书，更是一个在世间行走的人老老实实的心灵告白，你可以读到他的挣扎，他的茫然和转化。这本书也不仅关乎心灵，更关乎现世人生，关乎如何看待这个世界，看待这个无常世界里的命运变幻。
		    		<br/>
					<br/>
					<br/>
					<div class="row">
						<div class="span2"><h3>￥29.90</h3></div>
						<div class="span"><a class="btn primary" href="#">加入购物车</a></div>
					</div>
					</div>
				</div>
		    </div>
		</div>
      </div>

      <footer>
        <p>&copy; Company 2012</p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>
